<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>dom2事件的绑定和解绑</title>
</head>
<body>
<button>绑定事件</button>
<button>解绑事件</button>
<script>
  
  var btns = document.querySelectorAll("button");
  
  //dom2事件可以同一个事件绑定多次
  //参数3默认值是false 表示冒泡.1表示捕获
  btns[0].addEventListener('click',function(){
    console.log('学习日语');
    
  },false);
  btns[0].addEventListener('click',fn,false);
  function fn(){
    console.log('学习安全驾驶');
  }
  
  //dom2事件的解绑
  btns[1].addEventListener('click',function(){
    btns[0].removeEventListener('click',fn,false);
  });
  
  
  //IE10以下
  btns[0].attachEvent("onclick",fn);
  
  //IE10以下使用解绑事件
  btns[0].detachEvent("onclick",fn);
</script>
</body>
</html>